let arr = [0, 0, 0];

// 验证用户名格式和是否存在
$("#username").blur(function () {
    // 1、前端验证（格式是否正确）
    let regObj = /^[a-zA-Z0-9]{6,18}$/;
    if (!regObj.test(this.value)) {
        $("#userMsg").html("用户名的格式不合法，请输入6-18位的数字和字母").css({
            "color": "red"
        });
        arr[0] = 0;
    } else {

        // 2、后端验证（存在性验证）
        $.ajax({
            url: "php/checkuser.php",
            type: "get",
            data: { "username": $("#username").val() },
            beforeSend(xhr,config) {
                console.log("==beforeSend==");
                console.log("xhr",xhr);
                console.log("config",config);
            },
            error(xhr,textStatus,errorThrow) {
                console.log("==error==");
                console.log("xhr",xhr);
                console.log("textStatus",textStatus);
                console.log("errorThrow",errorThrow);
            },
            // dataFilter(data,type) {
            //     console.log("==dataFilter==");
            //     // console.log("data",data);
            //     // console.log("type",type);
            //     let str = data==1?"亲，不好意思，该用户名被人用了":"亲，恭喜您，可以使用"
            //     return str;
            // },
            success(data, textStatus, jqXHR) {
                console.log("==success==");
                // console.log("data",data);
                // console.log("textStatus",textStatus);
                // console.log("jqXHR",jqXHR);
                // console.log("jqXHR.responseText",jqXHR.responseText);
                if (data == 1) {
                    $("#userMsg").html("亲，不好意思，该用户名被人用了").css({
                        "color": "red"
                    });
                    arr[0] = 0;
                } else {
                    $("#userMsg").html("亲，恭喜您，可以使用").css({
                        "color": "green"
                    });
                    arr[0] = 1;
                }
            },
            complete() {
                console.log("==complete==");
            }
        });

    }
});

// 验证密码格式是否正确
$("#userpass").blur(function () {
    let regObj = /^\d{6}$/;
    if (!regObj.test(this.value)) {
        $("#passMsg").html("密码的格式不合法，请输入6位数字").css({
            "color": "red"
        });
        arr[1] = 0;
    } else {
        $("#passMsg").html("√").css({
            "color": "green"
        });;
        arr[1] = 1;
        checkPass();
    }
});

function checkPass() {
    if ($("#userpass02").val() != $("#userpass").val()) {
        $("#pass02Msg").html("两次密码不一致").css({
            "color": "red"
        });
        arr[2] = 0;
    } else {
        $("#pass02Msg").html("√").css({
            "color": "green"
        });
        arr[2] = 1;
    }
}

// 验证确认密码是否一样
$("#userpass02").blur(function () {
    checkPass();
});

$("#btnReg").click(function () {
    // 1、判断所有的前端验证没有问题
    // every函数：判断数据中的每个元素是否满足条件（回调函数写的条件）
    if (!arr.every(item => item == 1)) {
        $("#msg").html("请仔细检查每一项是否正确").css({
            "color": "red"
        });
    } else {
        // 2、发送请求（注册）
        $.post(
            "php/regSaveByAjax.php",
            {
                "username": $("#username").val(),
                "userpass": $("#userpass").val()
            },
            function (data) {
                if (data == 1) {
                    $("#msg").html("注册成功！请<a href='login.html'>登录</a>").css({
                        "color": "green"
                    });
                } else {
                    $("#msg").html("注册失败！").css({
                        "color": "red"
                    });
                }
            }
        );
    }
});
